<template>
    <div>

        <MyHeader></MyHeader>
        <Swiper></Swiper>
        <Live>直播课程</Live>
        <CourseList type="free" pageNum="1" pageSize="10">免费课程</CourseList>
        <CourseList pageNum="2" pageSize="5" type="boutique">精品课程</CourseList>
        <CourseList pageNum="3" pageSize="5" type="discount">折扣课程</CourseList>
        <MyFooter></MyFooter>
    </div>
</template>

<script>
    import MyHeader from "../components/MyHeader";
    import MyFooter from "../components/MyFooter";
    import Swiper from "../components/Swiper";
    import CourseList from "../components/CourseList";
    import Live from "../components/Live";

    export default {
        name: "Index",
        components:{
            MyHeader,MyFooter,Swiper,CourseList,Live
        }
    }
</script>

<style scoped>

</style>